<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>登陆</title>
<link rel="stylesheet" type="text/css"
	href="http://localhost:8080/vote/css/normalize.css" />
<link rel="stylesheet" type="text/css"
	href="http://localhost:8080/vote/css/demo.css" />
<!--必要样式-->
<link rel="stylesheet" type="text/css"
	href="http://localhost:8080/vote/css/component.css" />
<script src="http://localhost:8080/vote/js/jquery-3.3.1.js"></script>
<script src="http://localhost:8080/vote/layui/layui.all.js"></script>
<script src="http://localhost:8080/vote/layui/layui.js"></script>
<!--[if IE]>

    <script src="js/html5.js"></script>
    <![endif]-->
</head>
<body>
	<div class="container demo-1">
		<div class="content">
			<div id="large-header" class="large-header">
				<canvas id="demo-canvas"></canvas>
				<div class="logo_box">
					<h3>在线投票系统</h3>
					<form action="http://localhost:8080/vote/user/login" name="f" method="post">
						<div class="input_outer">
							<span class="u_user"></span> <select name="role" class="text"
								style="color: white" id="select">
								<option class="text" value="" style="color: gray">----请选择身份----</option>
								<option value="2" style="color: black">系统管理员</option>
								<option value="3" style="color: black">活动管理员</option>
								<option value="1" style="color: black">评委</option>
								<option value="0" style="color: black">一般用户</option>
							</select>
						</div>
						<div class="input_outer">
							<span class="u_user"></span> <input id="username" name="username"
								class="text" style="color: #FFFFFF !important" type="text"
								placeholder="请输入账户">
						</div>
						<div class="input_outer">
							<span class="us_uer"></span> <input id="password" name="password"
								class="text"
								style="color: #FFFFFF !important; position: absolute; z-index: 100;"
								value="" type="password" placeholder="请输入密码">
						</div>
						<button type="submit"
							style="width: 330px; height: 50px; margin-bottom: 20px; 
							background-color: #0096e6; border: none; line-height: 20px; 
							text-align: center; font-size: 20px; border-radius: 50px; color: white;">登录</button>

					</form>
				</div>
			</div>
		</div>
	</div>
	<!-- /container -->
	<script src="http://localhost:8080/vote/js/TweenLite.min.js"></script>
	<script src="http://localhost:8080/vote/js/EasePack.min.js"></script>
	<script src="http://localhost:8080/vote/js/rAF.js"></script>
	<script src="http://localhost:8080/vote/js/demo-1.js"></script>


	<script>
		$(function() {
			$("button").on(
					"mouseover",
					function() {
						var select = $("#select option:checked").text();
						var username = $("#username").val();
						var password = $("#password").val();
						if (select == "----请选择身份----" || username == ""
								|| password == "" ) {
							layer.tips('请填写完整', 'button', {
								tips : [ 1, '#3595CC' ],
								time : 4000
							});
						}
							
					})
				$("button").on("click", function(){
							var select = $("#select option:checked").text();
							var username = $("#username").val();
							var password = $("#password").val();
							alter(select,username,password);
						})
		})
	</script>
</body>

</html>